<!DOCTYPE html>
<html lang="en">
<head>
<title>Vacation Rentals</title>
<meta charset="utf-8" />
<link rel="stylesheet" href="css/bootstrap.css" />
<link rel="stylesheet" href="css/bootstrap-theme.css" />
<link rel="stylesheet" href="css/style.css" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="js/jquery-1.8.3.min.js"></script>
<script src="js/bootstrap-datepicker.js"></script>
<script src="js/bootstrap.js"></script>
</head>
<body>

	<div class="container">
	<br>
		<!-- BADGES -->
		<div class="row">
			<div class="col-md-5 ">
				<ul class="nav nav-pills ">
					<li class="active">
						<a href="#"> <span class="badge pull-right">32</span> HOME</a>           						
					</li>					
				</ul>
			</div>
		</div>
		<!--end BADGES -->
		<br>
		<!-- Jumbotron -->
		<div class="row">
			<div class="col-md-6">
				<div class="jumbotron">
					<h1>Hello, World!</h1>
					<p>My name is Tai.</p>
				</div>
			</div>
		</div>
		<br>
		<div class="jumbotron">
			<div class="container">			
				<h1>Hello, World!</h1>
					<p>My name is Tai.</p>					
			</div>
		</div>
		<!-- end Jumbotron -->
		<br>	
		<!-- Thumbnails -->
		<div class="row">
			 <div class="col-sm-6 col-md-4">
			    <div class="thumbnail">
			      <img src="images/thumbnail-demo.svg" alt="...">
			      <div class="caption">
			        <h3>Thumbnail label</h3>
			        <p>...</p>
			       
			      </div>
			    </div>
			    
			  </div>
			   <div class="col-sm-6 col-md-4">
			    <div class="thumbnail">
			      <img src="images/thumbnail-demo.svg" alt="...">
			      <div style="position: absolute; top :-20px;" class="caption">
			        <h3>Thumbnail label</h3>
			        <p>...</p>
			       
			      </div>
			    </div>
			    
			  </div>
			   <div class="col-sm-6 col-md-4">
			    <div class="thumbnail caption">
			    	
			        
			       
			      
			      	<img src="images/thumbnail-demo.svg" alt="...">
			      	<h3>Thumbnail label</h3>
			        <p>...</p>
			      
			    </div>
			    
			  </div>
		</div>
		<!-- end Thumbnails -->
		
		<!-- Alert -->
		<div class="row">
			<div class="col-md-8">
				<div class="alert alert-success" role="alert">Success</div>
			</div>
			
		</div>
		<div class="row">
			<div class="col-md-8">
			<div class="alert alert-warning alert-dismissible" role="alert">
			  <button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
			  <strong>Warning!</strong> Better check yourself, you're not looking too good.
			</div>
			</div>
		</div>
		<!-- end Alert -->
		
		<!-- Progress bar -->
		<div class="row">
			<div class="col-md-8">
				<div class="progress">
				  <div class="progress-bar " role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%;">
				    80%
				  </div>
				</div>
			</div>
		</div>
		<!-- end Progress bar -->
	</div>
	
</body>
</html>